body,html{
  width:100%;
  height:auto;
  background: #f5f5f5;
  .layoutWrapper{
    width:100%;
    height:210px;
    h1{
      width: 100%;
      height: 19px;
      //margin-bottom:19px;
      font: bold 19px/20px 'MicrosoftYaHei';
      color: #2a3137;
    }
    .floor{
      width:100%;
      //height:100%;
      box-sizing: border-box;
      //padding:20px 20px 0px 20px;
    }
    .floor1{
      height:210px;
      margin-bottom:20px;
      .abnormalRemind{
        width:60%;
        height:210px;
        float: left;
        margin-right:4%;
        padding-bottom:30px;
        background: #ffffff;
        box-sizing:border-box;
        padding:20px 0 0px 20px;
        box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.05);

        .abnormalBloodPressure,.abnormalBloodSugar{
          width:45%;
          height:120px;
          float: left;
          padding-top:15px;
          border-radius: 5px;
          .bloodPressureData,.bloodSugarData{
            width:157px;
            margin:0 auto 9px auto;
            height:61px;
            vertical-align: center;
            .pic{
              width: 61px;
              height: 61px;
              float: left;
              //opacity: 0.3;
              //border-radius:30px;
              //text-align: center;
              //background-color: #ffffff;
            }
            .data{
              float: right;
              color: #ffffff;
              h2{
                font:bold 14px/28px 'MicrosoftYaHei';
              }
              p{
                padding-top:10px;
                font:normal 12px/12px 'MicrosoftYaHei';
                b{
                  margin-right:6px;
                  font:normal 25px/14px 'MicrosoftYaHei-Bold';
                }
              }

            }

          }
          .exceptionDetail{
            width:90%;
            margin:0 auto;
            font-family: MicrosoftYaHeiLight;
            font-size: 11px;
            color: #ffffff;
            span.label{
              float: left;
              height:32px;
            }
            span{
              text-align: justify;
            }
          }
        }
        .abnormalBloodPressure{
          margin:20px 3% 0 0;
          min-width:160px;
          background-image: linear-gradient(270deg, #30afff 0%, #7f7fd5 100%),
          linear-gradient(#6ebaff, #6ebaff);

        }
        .abnormalBloodSugar{
          margin:20px 3% 0px 0;
          background-image: linear-gradient(270deg, #f06e98 0%, #ff7a7d 45%, #ff8d7d 73%, #ff9f7c 100%),
          linear-gradient(#6ebaff, #6ebaff);
        }
      }
      .departmentUsed{
        width:36%;
        height:210px;
        float: left;
        padding:20px 20px 0 20px;
        background: #ffffff;
        box-sizing: border-box;
        box-shadow: 0px 3px 7px 0px
        rgba(0, 0, 0, 0.05);
        margin-bottom:20px;
        .departmentData{
          width:100%;
          height:136px;
          padding-top:20px;
          ul{
            width:100%;
            height:25px;
            padding:0;
            margin:0;
            margin-bottom:15px;
            li{
              width:50px;
              height:25px;
              float: left;
              color: #999999;
              line-height:25px;
              text-align: center;
              margin-right:31px;
              list-style: none;
              cursor:pointer;
            }
            .active{
              color: #ffffff;
              background-color: #35acfd;
              border-radius: 12px;
            }
          }
          .quatity{
            height:65px;

            img,.data{
              float: left;
            }
            img{
              width: 50px;
              height: 50px;
              border-radius: 5px;
              margin-right:27px;
              border: solid 1px #35acfd;
            }
            .data{
              p{
                color:#666666;
                font:normal 12px/32px 'MicrosoftYaHei';
                b{
                  color:#333333;
                  margin-right:2px;
                  font:normal 25px/6px 'MicrosoftYaHei-Bold';
                }
              }
              h2{
                color: #666666;
                font:normal 15px/22px 'MicrosoftYaHei-Bold';
              }
            }
            .detail{
              float: right;
              padding-right:22px;
              a{
                display: block;
                color: #666666;
                text-decoration: none;
                font:normal 15px/12px 'MicrosoftYaHei';
              }
            }

          }
          .cumulativeTimes{
            color: #666666;
            text-align: center;
            border-top:#e6e6e6 solid 1px;
            font:normal 15px/36px 'MicrosoftYaHei';
            b{
              font-size:20px;
              color:#333333;
              margin:0 2px;
            }
          }

        }
      }
      .servicePeople{
        width:36%;
        float: left;
        height: 100px;
        box-shadow: 0px 3px 7px 0px
        rgba(0, 0, 0, 0.05);
        padding:0 0px 0 100px;
        box-sizing: border-box;
        background:#fff url('../../../assets/images/service_station@2x.png') no-repeat 26px center;
        .title{
          color:#999999;
          padding-top: 26px;
          float: left;
          margin-right:37px;
          font: normal 16px/24px 'Microsoft YaHei'
        }
        .num{
          color:#35acfd;
          float: left;
          font:normal 50px/96px 'Microsoft YaHei';
        }
      }
    }
    .floor2{
      height:445px;
      margin-bottom:20px;
      background: #ffffff;
      padding:20px 20px 30px 20px;
      box-shadow: 0px 3px 7px 0px
      rgba(0, 0, 0, 0.05);
      .serviceStatistics{
        width:100%;
        height:100%;
        .searchInput{
          height:30px;
          margin:30px 0;
          label{
            width: 64px;
            height: 17px;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            color: #666666;
            margin-right:25px;
          }
          select#hospital{
            width: 250px;
            height: 30px;
            border: solid 1px #cccccc;
            cursor:pointer;
            padding-right:12px;
            box-sizing: border-box;
            background: url(../../images/dateArrow.png) no-repeat 150px 13px;
          }
          .ms-choice{
            border-radius:0;
            height:30px;
            line-height:30px;
          }
          button.search{
            width: 100px;
            height: 30px;
            color:#ffffff;
            margin-left:20px;
            border-radius: 5px;
            padding-left:20px;
            background:#35acfd url('../../../assets/images/search.png') no-repeat 19px center;
          }
        }
        .serviceChart{
          width:100%;
          height:100%;
          #serviceBar , #abnormalAge{
            width:100%;
            height:298px;
            .noData{
              color:#666;
              text-align: center;
              font:normal 26px/196px 'Microsoft YaHei';
            }
          }
        }
      }
    }
    .floor3{
      background: #ffffff;
      padding:20px 20px 0 20px;
      box-shadow: 0px 3px 7px 0px
      rgba(0, 0, 0, 0.05);
      .stastics{
        height:147px;
        margin-bottom:20px;
        h4{
          width:100%;
          text-align: center;
          font:normal 16px/37px 'MicrosoftYaHei';
          color: #999999;
        }
        .stasticsModules{
          .bloodPressure,.diabetes,.over60,.sex{
            float: left;
            width:23.5%;
            margin-right:2%;
            height: 110px;
            background-color: #ffffff;
            box-shadow: 0px 3px 7px 0px
            rgba(0, 0, 0, 0.15);
            border-radius: 5px;
            .moduleDetail{
              margin:0 auto;
              .decribes{
                float: left;
                h3{
                  color: #999999;
                  margin-bottom:14px;
                  font:bold 14px/14px 'MicrosoftYaHei';
                }
                p{
                  color: #666666;
                  font:normal 9px/22px 'MicrosoftYaHei';
                  b{
                    margin:0 6px;
                    font:normal 25px/25px 'MicrosoftYaHei';
                  }
                }
              }
              img{
                float: right;
                padding-top:12px;
              }
            }
          }
          .sex{
            margin-right:0;
          }
          .bloodPressure,.diabetes{
            padding:18px 0 30px 0;
            box-sizing: border-box;
            .moduleDetail{
              width:74%;
              height:62px;


            }
          }
          .sex,.over60{
            box-sizing: border-box;
            padding:18px 0 17px 0;
            .moduleDetail {
              width:81%;
              .decribes{

              }
            }


          }
        }
      }
      .bloodPressureStatistics{
        h1{
          margin-bottom:15px;
        }
        .pic{
          width:528px;
          border-right:#e6e6e6 solid 1px;
          .toolDetail{
            width:490px;
            height:60px;
            padding:20px 0px 0 0;
            border-bottom:#e6e6e6 solid 1px ;
            .title{
              color: #666666;
              float: left;
              font:normal 16px/28px 'Microsoft YaHei';
            }
            .detail{
              float: right;
              width: 100px;
              height: 30px;
              text-align: center;
              background-color: #35acfd;
              border-radius: 5px;
              a{
                color:#ffffff;
                font-family: MicrosoftYaHei;
                font-size: 16px;
                line-height:30px;
              }
            }
          }
          #bloodPressurePie{
            width:428px;
            height: 196px;
            .noData{
              color:#666;
              text-align: center;
              font:normal 26px/196px 'Microsoft YaHei';
            }

            //width: 1px;
            //height: 260px;
            //background-color: #e6e6e6;
          }
        }

      }
    }
    .floor5{
      width:100%;
      overflow: hidden;
      .bloodPressureStatistics{
        width:50%;
        float: left;
        h1{
          width:100%;
        }
        #AfterBloodSugarPie,#bloodSugarPie{
          width:100%;
          height:196px;
          .noData{
            color:#666;
            text-align: center;
            font:normal 26px/196px 'Microsoft YaHei';
          }

        }
      }
    }
    .floor6{
      width:100%;
      h1{
        margin-bottom:19px;
      }
      #abnormalSugarAge{
        width:100%;
        height:336px;
        .noData{
          color:#666;
          text-align: center;
          font:normal 26px/196px 'Microsoft YaHei';
        }
      }
    }
  }
}


body .serviceStation .floor1, html .serviceStation .floor1 {
  height:330px;
}
body .serviceStation .floor1 .abnormalRemind, html .serviceStation .floor1 .abnormalRemind{
  height:330px;
}
body .serviceStation .floor1 .abnormalRemind .abnormalBloodPressure, html .serviceStation .floor1 .abnormalRemind .abnormalBloodPressure{
  height:200px;
}
body .serviceStation .floor1 .abnormalRemind .abnormalBloodPressure, body .serviceStation .floor1 .abnormalRemind .abnormalBloodSugar, html .serviceStation .floor1 .abnormalRemind .abnormalBloodPressure, html .serviceStation .floor1 .abnormalRemind .abnormalBloodSugar{
  height:200px;
  padding-top:51px;
}
body .serviceStation .floor1 .abnormalRemind .abnormalBloodPressure .bloodPressureData, body .serviceStation .floor1 .abnormalRemind .abnormalBloodPressure .bloodSugarData, body .serviceStation .floor1 .abnormalRemind .abnormalBloodSugar .bloodPressureData, body .serviceStation .floor1 .abnormalRemind .abnormalBloodSugar .bloodSugarData, html .serviceStation .floor1 .abnormalRemind .abnormalBloodPressure .bloodPressureData, html .serviceStation .floor1 .abnormalRemind .abnormalBloodPressure .bloodSugarData, html .serviceStation .floor1 .abnormalRemind .abnormalBloodSugar .bloodPressureData, html .serviceStation .floor1 .abnormalRemind .abnormalBloodSugar .bloodSugarData{
  margin:0 auto 45px auto;
}